<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>

    <title th:text="${articleTitle}"></title>
    <meta name="description" th:content="${articleTabloid}">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->


    <link rel="stylesheet" href="css/editormd/editormd.preview.min.css"/>
    <link href="https://cdn.bootcss.com/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/editormd/editormd.min.css" />
    <link rel="stylesheet" href="css/show.css">
    <link rel="stylesheet" href="css/xc-comment.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/share.min.css">
    <!--<link href="https://cdn.bootcss.com/lightgallery/1.6.11/css/lightgallery.min.css" rel="stylesheet">-->

    <script src="https://cdn.bootcss.com/underscore.js/1.9.1/underscore-min.js"></script>
    <script src="https://cdn.bootcss.com/modernizr/2010.07.06dev/modernizr.min.js"></script>
    <script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js"></script>
    <script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="js/editormd/editormd.js" charset="utf-8"></script>
    <script src="lib/marked.min.js"></script>
    <script src="https://cdn.bootcss.com/prettify/r298/prettify.min.js"></script>
    <script src="https://cdn.bootcss.com/raphael/2.2.7/raphael.min.js"></script>
    <script src="https://cdn.bootcss.com/underscore.js/1.9.1/underscore-min.js"></script>
    <script src="https://cdn.bootcss.com/js-sequence-diagrams/1.0.6/sequence-diagram-min.js"></script>
    <script src="https://cdn.bootcss.com/flowchart/1.11.3/flowchart.min.js"></script>
    <script src="lib/jquery.flowchart.min.js"></script>


</head>
<body>
<div id="app">
    <header id="header">
        <a class="headChange" href="/index"><h1>Xzio</h1></a>
        <nav class="links">
            <ul>
                <li><a href="/">首页</a></li>
                <li><a href="/article">文章</a></li>
                <li><a href="#">相册</a></li>
                <li><a href="/leaveMessage">留言板</a></li>
                <li><a href="/about">关于</a></li>
            </ul>
        </nav>
        <nav class="main">
            <ul>
                <li class="search">
                    <a class="fa-search" href="#search">Search</a>
                    <form id="search" method="get" action="#">
                        <input type="text" name="query" placeholder="Search" />
                    </form>
                </li>
                <!--<li class="menu">-->
                <!--<a class="fa-bars" href="#menu">Menu</a>-->
                <!--</li>-->
            </ul>
        </nav>
    </header>
    <div id="main">
        <div class="am-container">
            <div class="am-g">
                <div class="am-u-sm-12 am-u-lg-12">
                    <div class="content">
                        <div class="article">
                                <div class="zhy-article-top">
                                    <div style="height: 500px">

                                    </div>
                                </div>
                                <div class="article-content">
                                    <div id="wordsView">
                                        <textarea style="display:none;" name="editormd-markdown-doc" id="mdText"></textarea>
                                    </div>
                                </div>
                                <div class="zhy-article-footer">
                                </div>
                                <div class="other">
                                    <div th:unless="${#httpServletRequest.remoteUser}">
                                        <pre style="align-content: center;line-height: 0.6" >

                                            <h1 class="xc-h" align="center">少侠还没有<a href="/login" style="color: #0a6999" >登陆</a>哦！</h1>
                                        </pre>
                                    </div>
                                    <div class="comment" th:if="${#httpServletRequest.remoteUser}">

                                        <div class="container">
                                            <div class="commentbox">
                                                <textarea cols="80" rows="50" placeholder="来说几句吧......" class="mytextarea" id="content"></textarea>
                                                <div class="btn btn-info pull-right" id="comment">评论</div>
                                            </div>
                                            <div class="comment-list">

                                            </div>

                                        </div>

                                    </div>

                                    <div class="comment-list" th:unless="${#httpServletRequest.remoteUser}">

                                    </div>
                                </div>
                            </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer am-u-sm-centered">
            <div class="am-vertical-align" style="text-align: center">
                <hr>
                <div class="am-vertical-align-bottom">
                    <div style="color: #009688">
                        <!--&copy; 2018- - 咕噜橙 | <a href="http://http://www.miitbeian.gov.cn/" target="_blank" >蜀ICP备18023001号-1</a>-->
                        <p>&copy;2018&nbsp;-&nbsp;咕噜橙|<a href="http://http://www.miitbeian.gov.cn/" target="_blank" >蜀ICP备18023001号-1</a></p>
                    </div>

                </div>
            </div>
        </div>

    </div>

    <!--成功消息盒-->
    <div class="notice successNoticeAlert am-animation-slide-top">
        <span class="successNotice"></span>
    </div>
    <!--失败消息盒-->
    <div class="notice dangerNoticeAlert am-animation-slide-top">
        <span class="dangerNotice"></span>
    </div>

</div>

<script src="js/all.js"></script>
<script src="js/show.js"></script>

</body>
</html>